<div class="machine-flat-monitoring">

        <el-row>
            <div style="width: 100%;float: left;padding-right:300px;">
                <div class="consume-panel">
                    <el-row >
                        <el-col :span="24">
                            <div class="weather-div">
                                <span class="weather-title">天气:</span>
                                <span class="weather-content"><img style="height: 30px;" src="/dam/weather/fine-weather.png"></span>
                                <span class="weather-title">温度:</span><span class="weather-content">27 ℃</span>
                                <span class="weather-title">能见度:</span><span class="weather-content"> 999m</span>
                                <span class="weather-title">风速:</span><span class="weather-content">2M/s</span>
                                <span class="weather-title">场压:</span><span class="weather-content">12pa</span>
                            </div>
                        </el-col>
                    </el-row>
                    <el-row type="flex"  justify="space-around">
                        <el-col :span="15">

                            <el-form class="queryForm" :inline="true">
                                <el-form-item label=""  class = "transparent">
                                    <el-checkbox v-model="checkForm.all">全选</el-checkbox>
                                </el-form-item>
                                <el-form-item label=""  class = "transparent">
                                    <el-checkbox v-model="checkForm.isImport">进港</el-checkbox>
                                </el-form-item>
                                <el-form-item label=""  class = "transparent">
                                    <el-checkbox v-model="checkForm.export">出港</el-checkbox>
                                </el-form-item>
                                <el-form-item label="航班号">
                                    <el-select v-model="checkForm.flightNum" placeholder="请选择">
                                        <el-option
                                                key="1"
                                                label="NK8754"
                                                value="1">
                                        </el-option>
                                        <el-option
                                                key="2"
                                                label="NB8876"
                                                value="2">
                                        </el-option>
                                        <el-option
                                                key="3"
                                                label="NH886"
                                                value="3">
                                        </el-option>
                                        <el-option
                                                key="4"
                                                label="NK8765"
                                                value="4">
                                        </el-option>
                                        <el-option
                                                key="5"
                                                label="NH8848"
                                                value="5">
                                        </el-option>
                                    </el-select>
                                    <!--<el-input v-model="checkForm.flightNum"></el-input>-->
                                </el-form-item>
                                <el-form-item >
                                    <el-button type="primary" @click="">查询</el-button>
                                </el-form-item>


                            </el-form>
                        </el-col>
                        <el-col :span="9">
                            <div style="margin-top: 10px;">
                                <span class="weather-title">已分配：</span><span class="weather-content">4</span>
                                <span class="weather-title">未分配：</span><span class="weather-content">5</span>
                            </div>
                        </el-col>
                    </el-row>
                </div>
                <el-row>
                    <el-col :span="24" >
                        <div style="overflow-x: hidden;height: 590px;margin-top: 0px;margin: 8px;">
                                <div id="father" style="height: 590px;width:100%;"></div>
                        </div>
                    </el-col>
                </el-row>
            </div>
            <div style="width:300px;float: right;margin-left: -100%;">
                <el-row class="consume-panel" style="padding: 0px;">
                    <div id="pie" style="height: 300px;margin-top: 20px;"></div>
                </el-row>
                <el-row class="consume-panel" style="padding: 0px;">
                    <el-row >
                        <el-col :span="24">
                            <h4 style="
                                text-align: center;
                            ">机坪全景图</h4>
                        </el-col>
                    </el-row>
                    <el-row>
                        <el-col :span="24">
                            <div class="" style="height: 380px ;cursor: pointer;" @click="dialogVisible=true">
                                <flatTupo :parentData="flatTupo" style="height: 100%;"></flatTupo>
                            </div>
                        </el-col>
                    </el-row>

                </el-row>
            </div>
        </el-row>

        <el-row>
            <el-col :span="24">
                <div style="color: white;margin-bottom: 40px;margin-left: auto;margin-top: 40px;margin-right: auto;width: fit-content;">
                    <div class="distribution-Occupy color-block" >
                        <div class="icon">
                            <div class="icon-container">
                                <div class="webicon" style=""></div>
                            </div>
                        </div>
                    </div><div class="color-block-title">已分配</div>
                    <div class="distribution-unOccupy color-block">
                        <div class="icon">
                            <div class="icon-container">
                                <div class="webicon" style=""></div>
                            </div>
                        </div>
                    </div>
                    <div class="color-block-title">已分配未占用</div>
                    <div class="unDistribution color-block">
                        <div class="icon">
                            <div class="icon-container">
                                <div class="webicon" style=""></div>
                            </div>
                        </div>
                    </div>
                    <div class="color-block-title">未分配</div>
                </div>
            </el-col>
        </el-row>


    <el-form >
        <el-form-item label="" ></el-form-item>
    </el-form>


</div>